<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>timeline 时间线</title>
    <link rel="stylesheet" href="../css/yelfui.min.css">
</head>

<body>
    <div class="container" style="padding: 20px;">
        <div style="display: flex; justify-content: space-around; ">
            <div class="y-timeline">
                <ul>
                    <li>
                        <!-- 右侧内容 -->
                        <div>
                            <h2>2020年10月18日</h2>
                            <p>Timeline 可拆分成多个按照时间戳正序或倒序排列的 activity</p>
                        </div>
                    </li>
                    <li>

                        <!-- 右侧内容 -->
                        <div>
                            <h2>2020年11月4日</h2>
                            <p>雨果学院1班开班</p>
                        </div>
                    </li>
                    <li>
                        <!-- 右侧内容 -->
                        <div>
                            <h2>2020年12月1日</h2>
                            <p>雨果学院官网上线</p>
                        </div>
                    </li>
                    <li>
                        <!-- 右侧内容 -->
                        <div>
                            <h2>2020年1月5日</h2>
                            <p>雨果在线网校</p>
                        </div>
                    </li>
                    <li>
                        <!-- 右侧内容 -->
                        <div>
                            <h2>2020年4月15日</h2>
                            <p>雨果1班结业</p>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="y-timeline-2">
                <ul>
                    <li>
                        <div>
                            <h2>2020年10月18日</h2>
                            <p>雨果学院成立</p>
                        </div>
                    </li>
                    <li>

                        <div>
                            <h2>2020年11月4日</h2>
                            <p>雨果学院1班开班</p>
                        </div>
                    </li>
                    <li>

                        <div>
                            <h2>2020年11月4日</h2>
                            <p>雨果学院1班开班</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

    </div>
</body>

</html>